﻿@model QuanLyGiaoVuUI.Models.MonHoc.BoMonViewModel

@{
    Layout = "~/Views/Shared/_blueWhaleLayout.cshtml";
}

@{Html.RenderPartial("LopMonHocMenuPartial");}

<div id="main" class="grid_10">
    <!--  start page-heading -->

    <div id="page-heading" class="box round first grid">
        <h2>Quản lý bộ môn</h2>
    <!-- end page-heading -->

    <div class="block">
        <label>Bộ môn: </label>@Html.DropDownListFor(m => m.MaBoMon, new SelectList(Model.DanhSachBoMon, "MaBoMon", "TenBoMon"))
        <input type="button" value="Thêm môn học" id="btnThemMonHoc" />
        <div id="monHocGrid">
        </div>
    </div>
</div>
</div>

<div id="themMonHocBoMonDialog"></div>

<div class="clear">&nbsp;</div>

<script>
    $(document).ready(function () {
        LoadDSMonHoc($("#MaBoMon").val());

        $("#MaBoMon").bind("change", function () {
            LoadDSMonHoc($(this).val());
        });

        $("#btnThemMonHoc").bind("click", function () {
            ThemMonHocCTK($("#MaBoMon").val());
        });
    });

    function Xoa(id) {
        if (confirm("Chắc chắn xóa thông tin môn học này?")) {
            $("#monHocId").val(id);
            document.forms[0].submit();
        }
    }

    function XoaDanhSach() {
        if (confirm("Chắc chắn xóa thông tin những môn học này?")) {
            document.forms['xoadanhsach'].submit();
        }
    }

    function LoadDSMonHoc(maBoMon) {
        $("#monHocGrid").load("/MonHoc/LayDanhSachMonHocTheoBoMon?maBoMon=" + maBoMon);
    }

    function ThemMonHocCTK(maBoMon) {
        $("#themMonHocBoMonDialog").load("/MonHoc/ThemMonHocBoMon?maBoMon=" + maBoMon).dialog({
            width: 500,
            height: 300,
            title: "Thêm môn học",
            buttons: {
                "Thêm": function () {
                    ThemMonHocBoMon.SubmitForm();
                },
                "Hủy": function () {
                    $("#themMonHocBoMonDialog").dialog("close");
                }
            }
        });
    }
</script>

